<!-- <nz-modal
    [(nzVisible)]="isVisible"
    nzTitle="重新设定密码"
    [nzWidth]="drawerWidth"
    (nzOnClose)="close()"
    [nzOkLoading]="isOkLoading"
  > -->
<!-- 用户密码 -->
<nz-drawer
  [nzBodyStyle]="{ height: '', overflow: 'auto', 'padding-bottom': '' }"
  [nzMaskClosable]="true"
  [nzVisible]="visible"
  [nzWidth]="drawerWidth"
  nzTitle="{{ 'user.password' | translate }}"
  (nzOnClose)="close()"
>
  <!-- { height: 'calc(100% - 55px)', overflow: 'auto', 'padding-bottom': '53px' } -->
  <form nz-form [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="username">{{ 'user.account' | translate }}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input
          nz-input
          [(ngModel)]="user.username"
          [ngModelOptions]="{ standalone: true }"
          [disabled]="true"
          id="username"
          name="username"
        />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label class="back-gauge" [nzSm]="6" [nzXs]="24" nzRequired>{{
        'login.password' | translate
      }}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input
          nz-input
          formControlName="password"
          type="password"
          [(ngModel)]="user.password"
          placeholder="{{ 'please.enter.new.password' | translate }}"
          id="password"
          name="password"
        />
        <nz-form-explain *ngIf="validateForm.get('password')?.dirty && validateForm.get('password')?.errors">
          {{ 'please.enter.your.password' | translate }}
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label class="back-gauge" [nzSm]="6" [nzXs]="24" nzRequired>{{
        'confirm.password' | translate
      }}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input
          nz-input
          formControlName="repassword"
          type="password"
          [(ngModel)]="user.repassword"
          id="repassword"
          name="repassword"
        />
        <nz-form-explain *ngIf="validateForm.get('repassword')?.dirty && validateForm.get('repassword')?.errors">
          <ng-container *ngIf="validateForm.get('repassword')?.hasError('required')">
            {{ 'please.enter.your.login.password.again' | translate }}
          </ng-container>
          <ng-container *ngIf="validateForm.get('repassword')?.hasError('confirm')">
            {{ 'inconsistent.password.input.twice' | translate }}
          </ng-container>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>
  </form>
  <div class="footer">
    <button type="button" (click)="close()" class="ant-btn" style="margin-right: 8px;">
      <span>{{ 'button.close' | translate }}</span>
    </button>
    <button nz-button nzType="primary" (click)="save()" [nzLoading]="saveLoading">
      <span>{{ 'determine' | translate }}</span>
    </button>
  </div>
  <!-- </nz-modal> -->
</nz-drawer>
